草庐IT

Vue3 组件

全部标签

javascript - 基本 vue.js 2 和 vue-resource http get 变量赋值

我真的很难让最基本的REST功能在vue.js2中工作。我想从某个端点获取数据并将返回值分配给我的Vue实例的变量。这是我的进展情况。varlink='https://jsonplaceholder.typicode.com/users';varusers;Vue.http.get(link).then(function(response){users=response.data;},function(error){console.log(error.statusText);});newVue({el:'#user-list',data:{list:users}});在promise中

javascript - 从每个助手调用的组件中产生

这是我的组件模板的一部分:{{#eachdisplayResults}}{{#ifcontroller.template}}{{yield}}{{else}}{{displayHelpercontroller.searchPath}}{{/if}}{{/each}}我希望用户能够自定义用于显示结果的html。问题是{{yield}}在{{#each}}助手中被调用,如果组件声明如下:{{#auto-suggestsource=controller.employeesdestination=controller.chosenEmployees}}{{fullName}}{{/auto-s

javascript - React.js 和丰富的数据网格组件或至少破解 [2015]

之前,我们使用jqGrid.后来我们转移到Backbone.js,开始使用Backgrid.现在,我们正在评估将Backbone.Views移动到React组件,我们找不到任何提到的丰富的网格插件/附加组件。基本上,我们需要您可能想象的一切,选择、过滤、分页、编辑、排序、子网格...开箱即用:)我知道我们可以制作自己的表格组件,添加排序和其他东西,但就是这样对我们来说太多的工作。我们更希望有一些“重用”:)我在Google上遗漏了一些网格组件吗?或是否有一些(令人讨厌的)方法可以将一些旧的DOM依赖项、jquery、backbone.js与React一起使用?

javascript - 我如何从 React Redux 中的子组件调度?

我的服务器有这样的代码:显然有更多的组件嵌套更多。我有一个更深层次的类:importReactfrom'react';exportdefaultReact.createClass({render:function(){varclasses=['js-select-product','pseudo-link'];if(this.props.selected){classes.push('bold');}return({this.props.name});}});我真正想做的而不是this.props.onClick正在向setstateinareducer发送事件.我在网上了解了一些有关

javascript - 如何在滚动条上显示 React 组件

我已经为固定导航创建了一个React组件,我希望它保持隐藏状态,直到我滚动到页面上的某个点,然后滑入View。Medium有一个类似于我所描述的标题。这是jQuery中的一项相对微不足道的任务,使用scrollmagic或waypoints,但是否有一种惯用的方法可以使用React和vanillaJS来实现这一点? 最佳答案 ReactWaywithvanillaJSjsfiddle;不要忘记删除EventListener。在此示例中,组件将在必要时呈现classTopBarextendsReact.Component{state=

javascript - Vue JS 将下一个输入集中在 enter 上

我有2个输入,希望在用户按Enter时将焦点从第一个切换到第二个。我尝试将jQuery与Vue混合使用,因为我在Vue文档中找不到任何功能来关注某些内容:但是在输入时我在控制台中看到错误:build.js:11079[Vuewarn]:Propertyormethod"$"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.(foundinanonymouscomponent-usethe"name"optionforbette

javascript - React - 使用循环创建嵌套组件

我对React有个小问题。我无法使用for循环创建嵌套组件。我想要做的是创建一个表格的9个单元格,然后创建3行,每行3个单元格,然后将3行安装在一起并创建一个9x9的板。假设我想得到这样的东西,但是使用循环classBoardextendsReact.Component{renderSquare(i){returnthis.props.onClick(i)}/>;}render(){return({this.renderSquare(0)}{this.renderSquare(1)}{this.renderSquare(2)}{this.renderSquare(3)}{this.re

javascript - 如何将 mobx 存储注入(inject)无状态组件

我在Web应用程序中使用mobx和react,我想找到一种方法将mobx存储状态传递给无状态组件.下面是我当前的组件源代码:importReactfrom'react';importPanelfrom'./Panel';import{inject,observer}from'mobx-react';@inject(allStores=>({form:allStores.store.form,}))@observerexportdefaultclassCreatorextendsReact.Component{connect(){console.log(this.props.form);

javascript - 在 Vue 中离开页面之前如何警告用户未保存的更改

我有一个UnsavedChangesModal作为组件,当用户在输入字段中有未保存的更改(我在页面中有三个输入字段)时试图离开页面时需要启动该组件。components:{UnsavedChangesModal},mounted(){window.onbeforeunload='';},methods:{alertChanges(){}} 最佳答案 假设您使用的是vue-router(你可能应该这样做),然后你会想要使用beforeRouteLeave守卫。Thedocumentation甚至给出了这种确切情况的例子:beforeR

javascript - 为什么 React 会针对具有由 React 管理的子项的 contentEditable 组件发出警告?

我在渲染我的组件时收到以下警告:Warning:AcomponentiscontentEditableandcontainschildrenmanagedbyReact.Itisnowyourresponsibilitytoguaranteethatnoneofthosenodesareunexpectedlymodifiedorduplicated.Thisisprobablynotintentional.这是我的组件:importReact,{Component}from"react";exportdefaultclassEditableextendsComponent{rende